<!doctype html>
<html class="b_bg1" style="height:100%">

<head>
    <meta charset="UTF-8">
    <title>众筹</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <!-- 自定义图标 -->
    <link rel="stylesheet" type="text/css" href="./iconfonts/iconfont.css">
    <!--标准mui.css-->
    <link rel="stylesheet" href="./css/mui.min.css">
    <link href="./css/app/mui.picker.css" rel="stylesheet" />
    <link href="./css/app/mui.poppicker.css" rel="stylesheet" />
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="./css/app/app.css" />
    <link rel="stylesheet" type="text/css" href="./css/common.css" />
    <style>
    .mui-bar .mui-content .mui-fullscreen {top: 44px;height: auto;}
	.mui-slider-indicator.mui-segmented-control {background-color: #161a21;}
	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#E4BB00;}
	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{color:#fff;}
	.mui-table-view { background-color: #1f232b;}
	.mui-ios .mui-table-view-cell{color:#fff;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-slider-group .mui-slider-item {border-top: 1px solid #161a21;}
	.lists{min-height:40px;margin:4px 0px;padding:0.5em;}
	.img_tips{font-size:10px;text-align:center;position:absolute;color:#fff;width:120%;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg); 	
				-webkit-transform:rotate(-45deg); 
				-o-transform:rotate(-45deg);
				left:-38%;
				top:8%;
			}
	.imgs_bg{
		background-color:#d86767;
	}
	.imgsing_bg{
		background-color:#609a5c;
	}
	.imgsend_bg{
		background-color:#649a8e;
	}
	p{
		margin-bottom:0px;
	}
	.mui-plus.mui-android>.mui-progressbar{
		top:0;
	}
	.mui-progressbar span {
		background-color:#11c638;
	}
	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
		border-bottom: 2px solid #E4BB00;
	}
	.p-active{
		background:#11c638 !important;
		border: 1px solid #11c638 !important;
		color:#fff;
	}
	.purchase{
		background:#cccccc;
	}
		
    </style>
</head>

<body class="b_bg1" style="height:100%;position:relative;">
    <header class="mui-bar mui-bar-nav b_bg1" style="display: flex;">
        <a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#bbb;font-size:0.8em">
            <span class="llrj_app_back" >返回</span>
        </a>
        <h1 class="mui-title llrj_crowtext" style="color:#fff;width:100%;right:0;left:0;flex:1;">众筹</h1>
        <!--<a id="crowd_note" class="iconfont icon-edit mui-pull-right" style="display:block;color:#bbb;position:absolute;font-size:0.8em;line-height: 50px;right:15px;">记录</a>-->

    </header>

    <div class="mui-content b_bg" id="muicontent" style="padding-bottom:54px;padding-top:50px;position:relative;height:100%;">
        
            <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style="height:90px;border-top:10px solid #161A21;position:fixed;top:50px;">
                <div id="qiehuan" class="mui-scroll flr b_bg1" style="width:100%;height:auto;">
					
                    <div id="start" class="mui-control-item  fx1 mui-active"  data-type="0" style="display:block;padding:0em 0.5em;border-right:1px solid #161A21;">
						<div class="iconfont icon-start_time" style="font-size:1.5em;"></div>
                        <div class="llrj_crowdorder_yure">预热中</div>
                    </div>
                    <div id="starting" class="mui-control-item  fx1 " data-type="1" style="display:inline-block;padding:0em 0.5em;border-right:1px solid #161A21;">
                        <div class="iconfont icon-task_end" style="font-size:2em;"></div>
                        <div class="llrj_crowdorder_oning">进行中</div>
                    </div>

                    <div id="ending" class="mui-control-item  fx1" data-type="2"  style="display:inline-block;padding:0em 0.5em;border-right:1px solid #161A21;">
                        <div class="iconfont icon-close" style="font-size:2em;"></div>
                        <div class="llrj_crowdorder_ending">已结束</div>
                    </div>

                </div>
            </div>

			<!--加载展示区-->
        	<div class="qie-content">
        		<div id="qie_buy" class="shows b_bg" style="padding-bottom:50px;">
					 <div id="buybox" class="load-box "  data-maxid="" style="padding-top:90px;">
	                    <!-- 第一个 -->
						<ul class="mui-table-view b_bg " id="show-box1">

						</ul>
						
						<ul class="mui-table-view b_bg hides" id="show-box2">
						
						</ul>
												
						<ul class="mui-table-view b_bg hides" id="show-box3">
												
						</ul>
	                 </div>
	
					<div id="buy_more" class="t-main load_more b_bg" data-maxid="" data-type="0" style="margin:0;"><span class="llrj_app_loading">加载更多</span>...</div>
				</div>
				
				
				
        	</div>
        </div>



    </div>

    <!-- 扫码弹窗 -->
    <div id="info"></div>
    <!--商品详情-->
    <div id="model"></div>

</body>
<script src="./js/app/mui.min.js"></script>
<script type="text/javascript" src="./lib/jquery-1.10.2.js"></script>
<script type='text/javascript' src='./lib/jquery.cookie.js'></script>
<script type="text/javascript" src="./js/app/common.js"></script>
<script type="text/javascript" src="./js/app/immersed.js"></script>
<script type="text/javascript" src="./lib/base64.js"></script>
<script type="text/javascript" src="./js/config.js"></script>
<script type="text/javascript" src="./js/check.js"></script>
<script type="text/javascript" src="./js/crow_order.js"></script>
</html>
